@charset "utf-8";
/* CSS Document */
* {margin: 0px; padding: 0px;}
img {border-style: none;}
a:link {outline: none;	TEXT-DECORATION: none;}
a:visited {outline: none; TEXT-DECORATION: none;}
a:hover {outline: none;	TEXT-DECORATION: none;}
a:active {outline: none; TEXT-DECORATION: none;}
ul { list-style-type: none;}
ul li { list-style-type: none;}
body { width:100%; height:auto; margin:0 auto; font-family:"微软雅黑";  background-color:#ffffff; /* min-width:1500px;  */}
.fl{ float:left;} .fr{ float:right;} .tc{ text-align:center;} cl{clear:both;}
/*头部*/
.top{ width:100%; height:328px; position:relative;}
.topimg{height:328px; position:absolute; width:100%;}  /* left:50%; margin-left:-960px; */


/*.TopNav{ width:1200px; height:46px; padding-top:31px; margin:0 auto; position:relative;}*/

/*底部*/
.footer1{ width:100%; height:140px; background:#1a1c62;}
.footer1Div{ width:1200px; height:140px; margin:0 auto;}
.footer1DivLeft{ width:684px; height:140px; float:left; }
.footer1DivLeft span{ width:342px; height:140px; float:left;line-height:140px; font-size:20px; color:#fff;}
.footer1DivRight{ width:516px; height:140px; float:left;}
.footer1DivRightLeft{ width:142px; height:32px; padding-top:51px; float:left;}
.footer1DivRightLeft a img{width:142px; height:32px; }
.footer1DivRightRight{ width:113px; height:113px; float:right; padding-top:32px; padding-right:155px;}
.footer1DivRightLeft img{width:113px; height:113px; }

.footer2{ width:100%; height:69px; background:#e9e9e9;}
.footer2Div{ width:1200px; height:69px; margin:0 auto;}
.footer2DivLeft{ width:370px; height:69px; float:left; padding-left:8px; line-height:69px; font-size:12px; color:#1c2230; }
.footer2DivRight{ width:370px; height:69px; float:right; padding-right:20px; text-align:right; line-height:69px; font-size:12px; color:#1c2230; }
/*主体--联系我们*/

.ContactsMain{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.ContactsMainTitle{ width:1200px; height:190px; line-height:190px; text-align:center; font-size:40px; color:#666666;}
.ContactsMainTitle span{ font-size:40px; color:#01afc3;}
.JianGe{ width:1200px; height:50px;}
.ContactsNeiRong{ width:1200px; height:auto; overflow:hidden;}
.ContactsNeiRongLeft{ width:494px; height:auto; overflow:hidden; float:left;}
.ContactsNeiRongLeftTop{ width:494px; height:32px; font-size:23px; color:#333333; padding-bottom:38px;}
.ContactsNeiRongLeftBottom{ width:494px; height:auto; overflow:hidden; line-height:32px; font-size:16px; color:#666666;}
.ContactsNeiRongRight{ width:687px; height:287px; float:right;}
.JianGeBottom{ width:1200px; height:160px;}

/*主体--关于我们*/
.AboutMainTitle{ width:1200px; height:132px; padding-top:29px; text-align:center; line-height:132px; font-size:40px; color:#666666;}
.AboutMainTitle span{ font-size:40px; color:#01afc3;}
.AboutMainTitleBottom{ width:808px; height:140px; padding-bottom:52px; margin:0 auto; background:url(../images/dianxian.png) no-repeat 0px 2px;}
.AboutMainTitleBottom ul li{ width:202px; height:140px; float:left; }
.AboutMainTitleBottomImg{ width:92px; height:80px; margin:0 auto;}
.AboutMainTitleBottomImg img{ width:92px; height:80px;}
.AboutMainTitleBottomWen{ width:202px; height:60px; text-align:center; line-height:60px; font-size:18px; color:#666666;}
.AboutMainTitleBottomWenY{ color:#01afc3;}

.FenJieXian{ width:100%; height:1px; background:#f0f0f0;}
.FenJieXian1{ width:100%; height:1px; background:#fafafa; margin-bottom:86px;}

.ContactsMainBottom{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.AboutMainTop{ width:1200px; height:325px; padding-bottom:60px;}
.AboutMainTopLeft{ width:610px; height:325px; float:left; overflow:hidden; padding-left:10px;}
.AboutMainTopRight{ width:493px; height:325px; float:right; overflow:hidden;}

.AboutMainBottom{line-height:28px; font-size:16px; color:#858585; padding-bottom:130px;}


/*主体--新闻列表*/
.NewTitle{ width:100%; height:auto; overflow:hidden; background:#eeeeee;}
.NewTitleDivTop{ width:1200px; height:202px; margin:0 auto; padding-top:32px;}
.NewTitleDivTopWen{ width:1200px; height:74px;text-align:center; line-height:74px; font-size:40px; color:#666666;}
.NewTitleDivTopWen span{ font-size:40px; color:#01afc3;}
.NewTitleDivTopWenNei{ width:920px; height:auto; line-height:25px; font-size:16px; color:#858585; text-align:center; margin:0 auto;}

.NewTuJian{ width:1200px; height:200px; padding-bottom:68px; margin:0 auto;}
.NewTuJianLeft{ width:613px; height:200px; float:left;}
.NewTuJianLeft a img{ width:613px; height:200px;}
.NewTuJianRight{ width:520px; height:175px; float:right; padding-right:5px; padding-top:25px;}

.NewTuJianRightTitle{ width:520px; height:62px; line-height:62px; overflow:hidden; font-size:20px; color:#666666;}
.NewTuJianRightNei{ width:520px; height:52px; overflow:hidden;}
.NewTuJianRightNeiLeft{ width:89px; height:52px; float:left; line-height:26px; padding-left:4px;}
.NewTuJianRightNeiRight{ width:427px; height:52px;overflow:hidden; float:left; line-height:26px; font-size:14px; color:#999999;}

.NewList{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.JianGeNew{ width:1200px; height:64px;}
.JianGeNew ul li{ width:517px; height:63px; border-bottom:1px solid #e5e5e5;}

.NewListNew{width:1200px; height:auto; overflow:hidden;}
.NewListNewLeft{width:517px; height:54px; border-bottom:1px solid #e5e5e5; float:left; padding:26px 0px; margin-left:26px;}
.NewListNewLeftLeft{ width:73px; height:54px; float:left;}
.NewListNewLeftRight{ width:444px; height:54px; float:left;overflow:hidden;}
.NewListNewRight{width:517px; height:54px; border-bottom:1px solid #e5e5e5; float:right; padding:26px 0px; margin-right:26px;}

.JiaZaiGengDuo{ width:175px; height:50px; padding-top:62px; margin:0 auto; padding-bottom:115px;}
.JiaZaiGengDuoAnNiu{ width:175px; height:50px; border:none; background:url(../images/new2.jpg) no-repeat;}

/*主体--新闻内页*/
.NewShowNei{width:1200px; height:auto; overflow:hidden; margin:0 auto;  padding-top:56px;}
.NewShowNeiTitle{ width:1200px; height:80px; text-align:center; font-size:26px; color:#666666;}
.NewShowNeiTime{ width:1200px; height:24px; text-align:center; font-size:16px; padding-bottom:40px; color:#999999;}

.NewShowNeiNong{ width:1200px; height:auto; overflow:hidden; padding-bottom:40px;}
.NewShowNeiDiBu{ width:1200px; height:50px; padding-bottom:60px;}
.NewShowNeiDiBuLeft{ width:1000px; height:50px; float:left;}
.NewShowNeiDiBuLeft span{ width:1000px; height:25px; line-height:25px;display:block;}
.NewShowNeiDiBuLeft span a{ font-size:14px; color:#999999; }
.NewShowNeiDiBuLeft span a:hover{ color:#0986dd; }
.NewShowNeiDiBuRight{ width:176px; height:50px; float:right;}


/*主体--作品*/
.ProTitleDivTop{width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.ProTitleDivTopWen{ width:1200px; height:157px; text-align:center; line-height:157px; font-size:40px; color:#666666;}
.ProTitleDivTopWen span{ font-size:40px; color:#01afc3;}
.ProTitleDivTopWenNei{ width:850px; height:auto; line-height:25px; font-size:16px; color:#858585; text-align:center; margin:0 auto;}

.ProTypeList{ height:46px; overflow:hidden; text-align:center; display: block; padding:25px 0px;}
.ProTypeList a{ padding:0px 30px; height:42px; line-height:42px; display: inline-block; overflow:hidden; border:2px solid #666666; color:#666666; font-size:16px; margin:0px 6px; border-radius:4px;}
.ProTypeList a:hover{ border:2px solid #01afc3; color:#FFF; background:#01afc3;}

.ProList{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.ProListDiv{width:1200px; height:auto; overflow:hidden; padding-bottom:43px;}
.ProListDiv ul li{ width:456px; height:317px; padding:55px 72px 0px 72px; float:left;}
.ProListDiv ul li a{ width:456px; height:317px; position:relative; display:inline-block; overflow:hidden;}
.ProListDivZhe{ width:456px; height:317px; position:absolute; top:317px; left:0px; background:#01afc3; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9;transition: all 0.3s;}
.ProListDiv ul li a:hover .ProListDivZhe{top:0px;}

/*合作伙伴22*/
.ProListDiv22{width:1200px; height:auto; overflow:hidden; padding-bottom:43px;}
.ProListDiv22 ul li{ width:450px; height:206px; padding:55px 72px 0px 72px; float:left;}
.ProListDiv22 ul li a{ width:450px; height:206px; position:relative; display:inline-block; overflow:hidden;}
.ProListDivZhe22{ width:450px; height:206px; position:absolute; top:317px; left:0px; background:#01afc3; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9;transition: all 0.3s;}
/*合作伙伴22*/

.ProListDivZheImg{ padding-left:168px; padding-top:98px; width:120px; height:120px;}

.ProListDivZheWen{ width:456px; height:70px; line-height:70px; text-align:center; font-size:23px; color:#fff;}



/*首页*/
.topIndex{ width:100%; height:732px; overflow:hidden; position:relative;}
#TopBJ{ width:100%; height:732px; position:absolute; left:50%; margin-left:-960px;}
.topIndexWen{ width:100%; height:56px; text-align:center; line-height:56px; font-size:40px; color:#FFF; padding-top:265px; position:relative;}
.topIndexWen span{ font-size:40px; color:#0cbdd1;}
.topIndexWen1{width:100%; height:37px; text-align:center; line-height:37px; font-size:22px; color:#FFF; padding-bottom:68px; position:relative;}

.topIndexSnNiu{ width:166px; height:51px; margin:0 auto; position:relative;}
.topIndexSnNiu a{ width:135px; height:47px; border:2px solid #FFF; padding-right:27px; border-radius:2px; display:inline-block; text-align:center; line-height:47px; font-size:20px; color:#FFF; background:url(../images/JinatOY.png) no-repeat 135px 18px;}

.AboutIndexTitle{height:42px; line-height:42px; font-size:30px; color:#666666; padding-bottom:72px; display:block;}
.AboutIndexNei{line-height:28px; font-size:16px; color:#858585;height: 112px; overflow:hidden; margin-bottom:20px;}

.AboutIndexNeiSnNiu{ width:166px; height:51px;}
.AboutIndexNeiSnNiu a{ width:135px; height:47px; border:2px solid #01afc3; padding-right:27px; border-radius:2px; display:inline-block; text-align:center; line-height:47px; font-size:20px; color:#FFF; background:#01afc3 url(../images/JinatOY.png) no-repeat 135px 18px;}

.indexGywm{ width:100%; height:500px; overflow:hidden; position:relative;}
.indexGywmImg{height:500px; position:absolute; left:50%; margin-left:-960px; z-index:-1;}
.indexGywmTitle{ width:100%; height:68px; padding-top:86px; text-align:center; line-height:68px; font-size:36px; color:#FFF;}
.indexGywmTitle span{ color:#01afc3;}
.indexGywmTitleTu{ width:95px; height:13px; margin:0 auto; padding-bottom:36px;}
.indexGywmTitleWen{ width:980px; height:124px; overflow:hidden; text-align:center; margin:0 auto; font-size:14px; color:#fff; line-height:31px; padding-bottom:51px;}

.indexGywmTitleAnNiu{ width:290px; height:50px; margin:0 auto;}
.indexGywmTitleAnNiu a{ width:256px; height:48px; display:inline-block; padding-left:32px; border:1px solid #ffffff; border-radius:2px; background:url(../images/indexTu2.png) no-repeat 15px 7px; text-align:center; line-height:48px; color:#FFF; font-size:24px;}

.indexMyZuoPin{ width:100%; height:auto; padding-top:102px; overflow:hidden;}
.indexMyZuoPinTitle{ width:100%; height:60px; text-align:center; font-size:36px; color:#666666; line-height:60px;}
.indexMyZuoPinTitle span{ color:#01afc3;}
.indexMyZuoPinWen{ width:843px;/* height:72px; */margin:0 auto; line-height:24px; overflow:hidden; font-size:14px; color:#858585; text-align:center;}

.indexMyZuoPinList ul{ width:80%; margin:0 auto;}
.indexMyZuoPinList ul li{ width:21%; height:auto; overflow:hidden; float:left; margin-left:1%; margin-bottom:20px; border:solid 1px #999;margin-right:1%; padding:6px;}
.indexMyZuoPinList ul li a{ width:100%; height:auto; display:inline-block; overflow:hidden; position:relative; float:left;}
.indexMyZuoPinList ul li a img{ width:100%; height:auto; overflow:hidden; /*margin:7px; margin-right:7px;*/}
.indexProListDivZhe{ width:100%; height:100%; position:absolute; top:100%; left:0px; background:#01afc3; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9;transition: all 0.3s;}
.indexMyZuoPinList ul li a:hover .indexProListDivZhe{top:0px;}
.indexProListDivZheImg{ position:absolute; top:30%; width:26.73%; height:auto; display:inline-block; left:50%; margin-left:-13.365%;}
.indexProListDivZheWen{ width:100%; height:70px; line-height:70px; top:65%; text-align:center; font-size:18px; color:#fff;position:absolute;}


/*已删除*/
.indexSheJiShi{ width:100%; height:340px; background:url(../images/shejishiBj.jpg); padding-top:55px;}
.indexSheJiShiDiv{ width:100%; height:225px; overflow:hidden;}
.indexSheJiShiImg{ width:122px; height:107px; margin:0 auto; padding-bottom:4px;}
.indexSheJiShiName{ width:100%; height:64px; text-align:center; font-size:25px; color:#fff;}
.indexSheJiShiJian{ width:900px; height:50px; overflow:hidden; text-align:center; margin:0 auto; line-height:25px; font-size:15px; color:#fff;}

.indexSheJiShiQieHuan{ height:25px; overflow:hidden; margin:0 auto; text-align:center; padding-top:16px; display: block;}
.indexSheJiShiQieHuan a{ width:25px; height:25px; display: inline-block; overflow:hidden; color:#666666; margin:0 -3px;}
/*.indexSheJiShiQieHuan a:hover{ background:url(../images/indexTu5.png) no-repeat;}*/
.indexSheJiShiQieHuanXian{width:25px; height:1px; background:#FFF; position:relative; left:0px; top:-12px;display: inline-block; margin:0 -3px; overflow:hidden; }
/*已删除*/


/*首页案例展示*/
.indexcases{ width:100%; height:330px;/* background:url(../images/shejishiBj.jpg); */ padding-top:55px; background:url(../images/shejishiBj.jpg);}
.indexcase{width:1400px;overflow:hidden;/*padding:12px 0 5px 6px;*/margin:0 auto;  }
.indexcase .case_left{height:96px;width:96px;background: url(../images/jiantou.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:65px 5px 0 0;cursor:pointer;}
.indexcase .case_right{height:96px;width:96px;background: url(../images/jiantou2.jpg) no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:65px 0 0 10px;cursor:pointer;}
.indexcase .casecen{width:1170px;overflow:hidden;float:left; margin:0 10px 0  7px;}
.indexcase .Scrcasecen{width:10000000px;}
.indexcase .casecen .pic{width:350px;float:left;text-align:center; margin-left:10px; margin-right:10px; m }
.indexcase .casecen .pic img{display:block;margin:0 auto;border:1px solid #fff; width:320px; height:240px;}
.indexcase .casecen .pic p{line-height:35px;color:#fff; margin-top:10px;}
.indexcase .casecen a:link,.indexcase .casecen a:visited{color:#fff;text-decoration:none;}
.indexcase .casecen a:hover{color:#96f2ff;text-decoration:underline;}
.indexcase #List1,.indexcase #List2{float:left;}




/*首页案例展示*/




.indexNew{ width:1200px; height:747px; padding-top:30px; margin:0 auto;}
.indexNewTitle{ width:1200px; height:104px; text-align:center; line-height:104px; font-size:40px; color:#666666;}
.indexNewTitle span{ color:#01afc3;}
.indexNewNei{ width:930px; height:50px; line-height:25px; text-align:center; margin:0 auto; font-size:14px; color:#858585; padding-bottom:47px;}

.IndexNewList{ width:1200px; height:auto; overflow:hidden;}
.IndexNewListLeft{ width:613px; height:330px; float:left;}
.IndexNewListLeftImg{ width:613px; height:200px; margin-bottom:13px;}
.IndexNewListLeftTitle{ width:613px; height:60px; line-height:60px; font-size:20px; color:#666666;}
.IndexNewListLeftTitle a{ font-size:20px; color:#666666;}
.IndexNewListLeftNei{ width:613px; height:52px;}
.IndexNewListLeftNei a:hover .IndexNewListLeftNeiRight{ color:#01afc3;}
.IndexNewListLeftNeiLeft{width:88px; height:52px; line-height:26px; float:left;}
.IndexNewListLeftNeiRight{ width:525px; height:52px; line-height:26px; float:left; font-size:14px; color:#999999; overflow:hidden;}

.IndexNewListRight{ width:518px; height:327px; float:right; border-top:1px solid #e5e5e5; padding-top:2px;}
.IndexNewListRight ul li{ width:518px; height:52px; padding:28px 0px; border-bottom:1px solid #e5e5e5;}
.IndexNewListRightNei{ width:518px; height:52px;}
.IndexNewListRightNei a:hover .IndexNewListRightNeiRight{ color:#01afc3;}
.IndexNewListRightNeiLeft{width:88px; height:52px; line-height:26px; float:left;}
.IndexNewListRightNeiRight{ width:430px; height:52px; line-height:26px; float:left; font-size:14px; color:#999999; overflow:hidden;}


/*首页-合作伙伴*/
.hezuo{ width:1200px; height:960px; padding-top:0px; margin:0 auto;}
.indexhekh{ width:100%; height:700px; overflow:hidden; position:relative;}
.indexhzkhImg{height:700px; position:absolute; left:0%; margin-left:0px; z-index:-1;}
.hzkh ul{ width:1200px;  margin:0 auto;}
.hzkh li{ float:left; width:280px; height:128px; margin-right:10px; border:solid 1px #CCC; margin-bottom:10px;}

.IndexFanHui{ width:100%; height:60px; line-height:60px; text-align:center; background:#01afc3;}
.IndexFanHui a{ color:#FFF; font-size:20px;}



#pagenavi {display:none; position: absolute; bottom: 2%; left: 50%; margin-left: -50%; width: 100%; z-index: 1; text-align: center; padding: 8px 0; }
#pagenavi a { width: 8px; height: 8px; line-height: 99em; border:#fff solid 1px; border-radius: 50%; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active {background: #fff;}

.nav_pos{position:absolute;left:0;top:0;width:100%; padding:20px 0 10px 0; height:100px;background:#000;z-index:99; min-width:1200px;}
.nav_list li{width:110px;float:left;line-height:66px;}
.nav_list li img{line-height:20px;padding:2px 0;}
.nav_list li a{display:block;color:#fff;font-size:18px;}
.nav_list li a:hover{border-bottom:4px solid #01afc3; padding-bottom:5px;}
.container{width:1200px;margin:0 auto;}

.TopNav{ width:1200px; height:46px; padding-top:31px; margin:0 auto; position: relative;}
.TopNavLogo{ width:250px; height:77px; padding-left:24px; float:left;}
.TopNavLogo a img{ width:250px; height:77px;}
.TopNavNav{ width:800px; height:46px; padding-left:80px; float:left;}
.TopNavNav ul li{ width:70px; margin:0px 20px; height:42px; line-height:42px; float:left;}
.TopNavNav ul li a{ width:70px;height:42px; display:inline-block; font-size:16px; color:#fff; text-align:center;}
.TopNavNav ul li a:hover {border-bottom:4px solid #01afc3;}
.TopNavNavDing{border-bottom:4px solid #01afc3;}
.TopNavWeChat{ width:31px; height:26px; padding-top:10px; float:left; padding-left:40px; cursor:pointer;}
.TopNavWeChatEWMdiv{ width:113px; height:113px; position:absolute; top:100px; right:-5px; display:none;}
.YeQian{ width:1190px; margin:0 auto; height:68px; line-height:68px; font-size:16px; color:#FFF; padding-left:10px; padding-top:250px; position:relative;}

.dd_foots{border-top:2px solid #01afc3; width:100%;}
.dd_foot{width:1000px; height:100px;  font-size:14px;color:#000; text-align:center; line-height:24px;margin:0 auto; padding-top:30px;}